<div class="tlp-button-bar">
    <div class="tlp-button-bar-item">
        <input type="checkbox" id="button-bar-one" class="tlp-button-bar-checkbox">
        <label for="button-bar-one" class="tlp-button-primary tlp-button-outline">One</label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="checkbox" id="button-bar-two" class="tlp-button-bar-checkbox">
        <label for="button-bar-two" class="tlp-button-primary tlp-button-outline">Two</label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="checkbox" id="button-bar-three" class="tlp-button-bar-checkbox">
        <label for="button-bar-three" class="tlp-button-primary tlp-button-outline">Three</label>
    </div>
</div>
<br><br>
<div class="tlp-button-bar">
    <div class="tlp-button-bar-item">
        <input type="checkbox" id="button-bar-could" class="tlp-button-bar-checkbox">
        <label for="button-bar-could" class="tlp-button-success tlp-button-outline tlp-button-small">
            Could
        </label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="checkbox" id="button-bar-yoube" class="tlp-button-bar-checkbox">
        <label for="button-bar-yoube" class="tlp-button-warning tlp-button-outline tlp-button-small">
            You Be
        </label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="checkbox" id="button-bar-loved" class="tlp-button-bar-checkbox">
        <label for="button-bar-loved" class="tlp-button-danger tlp-button-outline tlp-button-small">
            Loved
        </label>
    </div>
</div>
<br><br>
<div class="tlp-button-bar">
    <div class="tlp-button-bar-item">
        <input type="radio" id="button-bar-small-left" name="button-bar-small-radio" class="tlp-button-bar-checkbox">
        <label for="button-bar-small-left" class="tlp-button-secondary tlp-button-small tlp-button-outline">
            <i class="fa fa-fw fa-align-left"></i>
        </label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="radio" id="button-bar-small-center" name="button-bar-small-radio" class="tlp-button-bar-checkbox">
        <label for="button-bar-small-center" class="tlp-button-secondary tlp-button-small tlp-button-outline">
            <i class="fa fa-fw fa-align-center"></i>
        </label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="radio" id="button-bar-small-right" name="button-bar-small-radio" class="tlp-button-bar-checkbox">
        <label for="button-bar-small-right" class="tlp-button-secondary tlp-button-small tlp-button-outline">
            <i class="fa fa-fw fa-align-right"></i>
        </label>
    </div>
    <div class="tlp-button-bar-item">
        <input type="radio" id="button-bar-small-justify" name="button-bar-small-radio" class="tlp-button-bar-checkbox">
        <label for="button-bar-small-justify" class="tlp-button-secondary tlp-button-small tlp-button-outline">
            <i class="fa fa-fw fa-align-justify"></i>
        </label>
    </div>
</div>
